@import 'gongshi.less';

.gr-head{
	width:100%;
	.px2rem(height,90);
	display: flex;
	justify-content:center;
	align-items:center;
	box-sizing: border-box;
	border-bottom:1px solid #e0dde5;
	.px2rem(font-size,35);
	.gr-lr{
		
		.px2rem(height,90);
		display: flex;
		justify-content:center;
		align-items:center;
		.sy{
			text-align: center;
			.px2rem(width,75);
			.px2rem(font-size,60);
		}
	} 
	.gr-ceti{
		flex:1;
		.px2rem(line-height,90);
		text-align: center;
	}
}

.gr-main{
	width: 100%;
	.px2rem(margin-bottom,106);
	display: flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	form{
		width: 75%;
		display: flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
		.px2rem(margin-top,50);
		input{
			.px2rem(height,80);
			width: 100%;
			border: none;
			.px2rem(line-height,80);
			.px2rem(font-size,26);
			border-bottom: 1px solid #e6e6e6;
			&::placeholder{
				color: #c9c9c9;
			}
			&:last-child{
				.px2rem(margin-top,80);
				background: #b4282d;
				color: #c56556;
			}
		}
	}
	.gr-zc{
		width: 75%;
		display: flex;
		align-items:center;
		.px2rem(line-height,80);
		justify-content:space-between;
		color: #7f7f7f;
		.px2rem(font-size,24);
	}
	.yx{
		width: 75%;
		display: flex;
		align-items:center;
		justify-content:space-between;
		color: #666;
		.px2rem(margin-top,500);
		.px2rem(font-size,24);
		li{
			flex:1;
			dl{
				width: 100%;
				display: flex;
				justify-content:center;
				align-items:center;
				dd{
					text-align: center;
					.px2rem(padding-left,4);
				}
				dt{
					text-align: center;
					.px2rem(font-size,36);
				}
			}
			&:nth-child(1){
				dl{
					dt{
						color: #51b341;
					}
				}
			}
			&:nth-child(2){
				dl{
					dt{
						color: #309bdf;
					}
				}
			}
			&:nth-child(3){
				dl{
					dt{
						color: #e03435;
					}
				}
			}
		}
		
	}
}
